<a id="logo" class="f-left m-top20" href="index.html"> <img  src="img/scotiabank.png" alt="Scotiabank"> </a>
<ul id="top-menu">
	<!--<li style="padding-right: 15px">
		<a  href="#">Visita también <span class="red_arrow">&#32;</span></a>
		<ul class="todo-scotia">
			<li style="display:none">
				<div class="cont_2">
					<img class="arrow" src="img/w_arrow.png" alt="arrow">
					<ol class="f-left" style="width: 120px;">
						<li>
							<a target="_blank" href="http://www.scotiabank.com.pe/">Sitio oficial de
							<br>
							Scotiabank</a>
						</li>
						<li>
							<a target="_blank" href="http://www.scotiapuntos.com.pe/">Scotiapuntos</a>
						</li>
						<li>
							<a target="_blank" href="http://www.scotiabank.com.pe/clubsueldo/">Clubsueldo</a>
						</li>
						<li>
							<a target="_blank" href="http://www.scotiabank.com.pe/tarjetas/">Tarjetas</a>
						</li>
					</ol>
				</div>
			</li>
		</ul>
	</li>
	<li>
		|
	</li>-->
	<li style="padding-right: 15px">
		<a href="#"><img src="img/info2013.png" /> <span class="red_arrow">&#32;</span></a>
        <ul class="todo-scotia">
			<li style="display:none">
				<div class="cont_2">
					<img class="arrow" src="img/w_arrow.png" alt="arrow">
					<ol class="f-left" style="width: 120px;">
						<li>
							<a target="_blank" href="#">Informe R.S. 2012</a>
						</li>
						<li>
							<a target="_blank" href="#">Informe R.S. 2011</a>
						</li>
						<li>
							<a target="_blank" href="#">Informe R.S. 2010</a>
						</li>
					
					</ol>
				</div>
			</li>
		</ul>
	</li>
	<li>
		|
	</li>
	<li >
		<a href="#">Iluminando el Mañana</a>
	</li>
	<li>
		|
	</li>
	<li >
		<a href="#">Voluntarido</a>
	</li>
	<li>
		|
	</li>
	<li >
		<a href="#">Reconocimientos</a>
	</li>
	<li>
		|
	</li>
	<li>
		<a href="#">Socios Estratégicos</a>
		
	</li>
	
	<li>
		|
	</li>
	<li>
		<a href="#">Campañas</a>
		
	</li>
</ul>
<script type="text/javascript" src="js/jquery.imagesloaded.min.js"></script>
<script type="text/javascript">
$(function() {
$("img").imagesLoaded({
progress: function (isBroken, $images, $proper, $broken) {
$(this).fadeTo("medium", 1);
},
always: function() {
$("img").fadeTo("medium", 1);
}
});

//$("input, textarea, select, button").not("input[type=submit]").uniform();
//$("label").inFieldLabels();

//navigation
$("#top-menu > li ").addClass("level1");
$("#top-menu  > li > ul > li ").addClass("level2");
$("#top-menu  > li > ul > li > ul > li ").addClass("level3");
$("#top-menu  > li > ul > li > ul > li > ul > li").addClass("level4");

$("#top-menu .level1").hover(function() {
$(this).siblings().css("opacity", 0.5);
if($("#uniform-doc").hasClass("focus") == false)
$(this).find(".level2").hide().stop(true).slideDown(300, function() { $(this).css("overflow","") });
}, function() {
$(this).siblings().css("opacity", 1);
if($("#uniform-doc").hasClass("focus") == false)
$(this).find(".level2").hide()/*.stop(true).slideUp(300)*/;
});

//login
$("#top-menu li.session").parents("li").hide().prev().hide();

/*setTimeout(function() {
$("img").fadeTo("medium", 1);
}, 3000);*/
});
</script>